<!DOCTYPE html>
<html>
	<head>
		<title> Message notifier management </title>
		
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		
		<script type="text/javascript" src="js/jquery.js"> </script>
		<script type="text/javascript" src="js/admin.js"> </script>
	</head>
	<body>
		<h2> Welcome, I'm locnv at locnv@gmail.com </h2>
		<div class="form-group">
			<select id="selectBooks">
				<option>DEFAULT_BOOK</option>
			</select>
			<ul id="lstWords">
				<li>Hello</li>
				<li>Using a hammer to nail</li>
			</ul>
		</div>

		<div class="" style="width: 400px; margin-left: 25px;">
			<div class="form-group">
				<label for="txtWord">Word - message</label>
				<input type="text" id="txtWord" class="form-control" placeholder="Word">
			</div>
			<div class="form-group">
				<label for="txtDescription">Description</label>
				<input type="text" id="txtDescription" class="form-control" placeholder="Description">
			</div>
			<div class="form-group">
				<label for="txtImgPath">Image path - url</label>
				<input type="text" id="txtimgPath" class="form-control" placeholder="ImgePath">
			</div>
			<button id="btnAdd" class="btn btn-default">Add</button>
		</div>
		
	</body>
	
</html>